<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
	<title> 事务历史</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="<%= basePath %>assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
	<link href="<%= basePath %>assets/css/bui-min.css" rel="stylesheet" type="text/css" />
	<link href="<%= basePath %>assets/css/page-min.css" rel="stylesheet" type="text/css" />   
	<link href="<%= basePath %>assets/css/prettify.css" rel="stylesheet" type="text/css" />
	<script language="javascript" src="<%= basePath %>assets/js/js.js"></script>
	<script type="text/javascript" src="<%= basePath %>assets/js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="<%= basePath %>assets/js/bui-min.js"></script>	
	<script type="text/javascript" src="<%= basePath %>assets/js/config-min.js"></script>

	<style type="text/css">
		body{
			text-align:center;
			padding: 20px 50px 20px 30px;
		}
		.doc-content{
			width:100%;
		}
		.doc-content .container #J_Form3{
			width:100%;
		}
		.form-panel{
			width:100%;
		}
		.panel-content , .table th{
			background:#DFF0D8
		}
		.panel-content > li > button,.panel-content > li > a{
			font-size:12px;
			letter-spacing:2px;
			margin-left:20px;
		}
		table th, table tr{
			text-align:center;
		}
	</style>
</head>
<body>
  <div class="container">
    <div class="row">
     
      <div class="">
      	<div class="well" style="background:#DFF0D8;">
      		<a href="" class="button button-success">待初审响应</a>
      		<a href="" class="button button-success">待处理响应</a>
      		<a href="" class="button button-success">待审核</a>
      		<a href="" class="button button-success">待处理</a>
      		<a href="" class="button button-success">待办结</a>
      		<a href="" class="button button-success">已办结</a>
      		<a href="" class="button button-default">全部</a>
      		<span id="info"></span>
      	</div>
        <form id="J_Form" action="" class="row well" style="margin-left:0px;">
          <div class="bui-form-group ">
          	<label>上报单位：</label>
              <select name="" onchange="">
		        <option value="-1" selected="selected">所有</option>
		        <option value="1">三星支行</option>
		        <option value="2">红星储蓄所</option>
				<option value="3">绵阳分行</option>
		      </select>
		      <label>超时：</label>
              <select name="" onchange="">
		        <option value="-1" selected="selected">不限</option>
		        <option value="1">是</option>
		        <option value="2">否</option>
		      </select>
		      <label>催办：</label>
              <select name="" onchange="">
		        <option value="-1" selected="selected">不限</option>
		        <option value="1">是</option>
		        <option value="2">否</option>
		      </select>
		      <label>事务种类：</label>
		      <select name="" onchange="">
		        <option value="-1" selected="selected">请选择</option>
		        <option value="1">网点设施类</option>
		        <option value="2">办公设施类</option>
				<option value="3">电子设备类</option>
		      </select>
		      <label>事务明细：</label>
		      <select name="" onchange="">
		        <option value="-1" selected="selected">请选择</option>
		        <option value="1"></option>
		        <option value="2"></option>
				<option value="3"></option>
		      </select>
          </div>
          <div id="group" class="bui-form-group " style="margin-top:20px;">   
              
              <label>最后一次操作时间：</label><input class="calendar" name="start"  type="text"> <span>-</span> <input class="calendar" name="end" type="text">
			  <button class="button button-info" style="display:inline-block; margin-left:50px;" >查询</button>
       	  </div>

        </form>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
  <script type="text/javascript" src="../assets/js/bui-min.js"></script>

  <script type="text/javascript" src="../assets/js/config-min.js"></script>
  <script type="text/javascript">
    BUI.use('common/page');
  </script>
  <script type="text/javascript">
  BUI.use('bui/form',function (Form) {
    new Form.Form({
      srcNode : '#J_Form'
    }).render();
    
    new Form.Form({
        srcNode : '#J_Form',
         //联合校验起始日期
        validators : {
          '#group' : function(record){
            if(record.start > record.end){
              return '结束日期必须大于起始日期！';
            }
          }
        }
      }).render();
  });
  
</script>

	 <table cellspacing="0" class="table table-bordered" style="margin-left:8px;width:98%;">
          <thead>
           
            <tr>
              <th>最后一次操作时间</th>
              <th>上报单位</th>
              <th>事务种类</th>
              <th>事务明细</th>
              <th>状态</th>
              <th>超时时间</th>
              <th>催办次数</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td >1</td>
              <td>张三</td>
              <td>张某某</td>
              <td>@mdo</td>
              <td>张某某</td>
              <td>@mdo</td>
              <td >1</td>

            </tr>
            <tr>
              <td>1.1</td>
              <td>张三</td>
              <td>张某某</td>
              <td>@TwBootstrap</td>
              <td>张某某</td>
              <td>@mdo</td>
              <td >1</td>

            </tr>
            <tr>
              <td>2</td>
              <td>李四</td>
              <td>李证明</td>
              <td>@fat</td>
              <td>张某某</td>
              <td>@mdo</td>
              <td >1</td>
            </tr>
            <tr>
              <td>3</td>
              <td>王五 </td>
              <td>王明</td>
              <td>@twitter</td>
              <td>张某某</td>
              <td>@mdo</td>
              <td >1</td>
            </tr>
          </tbody>
        </table>
        
        <div class="pagination pull-right" style="margin-top:30px;margin-right:100px;">
            <ul>
              <li class="disabled" style="letter-spacing:2px;"><a href="#">总共80条/20页</a></li>
              <li class=disabled><a href="#">« 上一页</a></li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">下一页 »</a></li>
            </ul>
          </div>
        </div>
 


<body>
</html>  